/* =Global Elements
-------------------------------------------------------------- */
body { 
background-image:url('./files/background7.png');
background-repeat: repeat; 
background-position:center center;
background-size:5px;
/*background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;*/
font-family: verdana;
font-size: 12px;
}

td {
font-size:12px;
font-family:arial;
color:#cccccc;
height:30px;
text-align: center;
}
/* =End  of Global Elements
-------------------------------------------------------------- */


/* =Header
-------------------------------------------------------------- */

#header{
background-image: url('./uploads/header_green.jpeg'); 
background-repeat: no-repeat; 
background-position: top;
height:198px;
}

/* = End of Header
-------------------------------------------------------------- */


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
/*div.menu,
#colophon,
#branding,
#main,
#wrapper,*/
#access .menu-header,
#header{
	/*position: absolute;*/
	margin: 0px auto;
	width: 940px;
} 


#container {
  //width: 100%;
  margin: 10px 150px;
  display:block;
  background-color:transparent;//#9caf9c;
  //position:fixed;
}

#content {
  width: 940px;
/*   margin:10px 50px;  */
}

#hello {
margin: 0px 101%;
width:150px;
border-top: #876587 1px solid;
border-right: #876587 1px solid;
border-left: #876587 1px solid;
border-bottom: #875487 1px solid;
}


#left_panel{
font-family: verdana;
font-size: 14px;
margin: 10px -180px auto;
position: absolute;
}


#login {
margin: 50px 0px 0px 40%;
width: 200px;
/*border-top: #876587 1px solid;
border-right: #876587 1px solid;
border-left: #876587 1px solid;
border-bottom: #875487 1px solid;
*/
}

#table{
  border:thin;
  margin: 0px 0px 0px 50%;
}

#players_table {
  margin: 10px 0px 0px 270px;  
}
#team2 {
  margin: 10px 0px 0px 270px;
  width: 500px;
  height: 250px;
}

#team {
  //margin: auto auto auto 270px;
  width: 100%;
  height: 370px;
  background: #000;
  color: #000;
}

#last_result{
  margin:-249px 0px 0px 800px;
  width: 340px; 
  height: 360px;
}

#team_paok{
  background-color:black; 
}
#team_osfp{
  background-color:red; 
}
#team_aek{
  background-color:yellow; 
}
#team_panionios{
  background-color:purple; 
}
#team_asteras{
  background-color:blue; 
}

.curvy{
position:relative; 
width:85%; 
background:#000; 
color:#000; 
/*margin:10 0 0 75;//5em auto;*/

}

#ctl, #cbl, #ctr, #cbr {
position:absolute; 
width:20px; 
height:20px; 
color:#000; 
background:#fff; 
overflow:hidden; 
font-style:normal; 
z-index:1;
}

#ctl {top:-3px; left:0px;}

#cbl {bottom:0px; left:0px;}

#ctr {top:-3px; right:0px;}

#cbr {bottom:0px; right:0px;}

.curvy em b {
position:absolute; 
font-size:150px; 
font-family:arial; 
color:#000;
line-height:40px; 
font-weight:normal;
}

#ctl b {left:-8px;}

#ctr b {left:-25px;}

#cbl b {left:-8px; top:-17px;}

#cbr b {left:-25px; top:-17px;}

.curvy p {
position:relative; 
z-index:100; 
padding:10px 15px; 
font-size:11px;
}



td.datacellone {
    background-color: #000000; 
}
td.datacelltwo {
    background-color: #111111; 
}

#datacellone td :hover{ background:#ffffff;}

#datacelltwo td :hover{ background:#ffffff;}
/*
dl.curved {
background:#7f7f9c url(c_tl.gif) top left no-repeat; 
margin:50px auto 50px auto; 
padding:0; 
width:50%;
}

dl.curved dt {
background:transparent url(c_tr.gif) top right no-repeat; 
padding:10px; 
text-align:center; 
color:#fff;
}

dl.curved dd {
background:#eee url(c_bl.gif) bottom left no-repeat; 
padding:0; 
margin:0;
}

dl.curved dd p {
margin:0; 
padding:10px; 
line-height:1.3em;
}

dl.curved dd p.last {
background:transparent url(c_br.gif) bottom right no-repeat; 
}
*/
/* = End of Structure
-------------------------------------------------------------- */


/* =Menu
-------------------------------------------------------------- */
#access {
	background: #000;
	margin: 130px 0px 0px 208px;
	width: 525px;
	display:block;
	float:left;
	position: absolute;
}
#access .menu-header,
div.menu {
	font-size: 11px;
	margin-left: 0px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0px;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0px 10px;
	line-height:38px;
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;	
}
#access ul ul ul {
	left:100%;
	top:0px;
}
#access ul ul a {
	background:#333;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#333;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}

/* Left Panel */
#menu {
  width:100px; 
  height:400px; 
  background:#000;
  margin: 10px 0px 0px 30px; 
  position:absolute;
  /*opacity:0.75;*/
}

#menu ul {
  margin:0px; 
  padding:0px; 
  list-style:none; 
  white-space:nowrap; 
  text-align:left; 
  background:/*url(http://www.cssplay.co.uk/menus/anywidth/opaque.png)*/;
  padding:1px 1px 0px 1px;
  
  
}

#menu li {margin:0px; padding:0px; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0px; top:60px;}

#menu a {
  display:block; 
  font:normal 14px verdana,arial,sans-serif; 
  color:#ccc; 
  line-height:22px; 
  text-decoration:none;
  padding:0px 20px 0px 10px; 
  border-bottom:1px solid #ddd;
  
} 

#menu ul li:hover > ul {
  background:#000000;
  visibility:visible; 
  opacity:0.85;
  left:100%; 
  margin-top:-24px; 
  margin-left:-1px;
  
}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;/*opacity:1;*/}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;/*opacity:1;*/}

#menu li a:hover {background:#868ea1;/*opacity:1;*/} 
#menu li:hover > a {background:#868ea1;/*opacity:1;*/}
#menu li a.fly {background: transparent no-repeat right top;}
#menu li a.fly:hover {background:#868ea1 no-repeat right top;/*opacity:1;*/} 
#menu li:hover > a.fly {background:#868ea1 no-repeat right top;/*opacity:1;*/}

#menu table {position:absolute; left:99%; height:0px; width:0px; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


/* =End of Menu
-------------------------------------------------------------- */